<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Orange &mdash; Free Website Template, Free HTML5 Template by FreeHTML5.co</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Free HTML5 Website Template by FreeHTML5.co" />
    <meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />




    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content="" />
    <meta name="twitter:image" content="" />
    <meta name="twitter:url" content="" />
    <meta name="twitter:card" content="" />
    <link href='https://fonts.googleapis.com/css?family=Work+Sans:400,300,600,400italic,700' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700" rel="stylesheet">
    <link rel="stylesheet" href="__CSS__/index/animate.css">
    <link rel="stylesheet" href="__CSS__/index/icomoon.css">
    <link rel="stylesheet" href="__CSS__/index/bootstrap.css">
    <link rel="stylesheet" href="__CSS__/index/style.css">
    <script src="__JS__/index/modernizr-2.6.2.min.js"></script>
    <script src="__JS__/index/respond.min.js"></script>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!--<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">-->
    <!--<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>-->

    <!-------------------------------------------------------->
    <link href="__CSS__/hotel/bootstrap.css" rel='stylesheet' type='text/css' />
    <script src="__CSS__/hotel/jquery.min.js"></script>
    <link rel="stylesheet" href="__CSS__/hotel/font-awesome.css">
    <link href="__CSS__/hotel/style.css" rel="stylesheet" type="text/css" media="all" />
    <script> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <script src="__CSS__/hotel/easyResponsiveTabs.js"></script>
    <script src="__CSS__/hotel/jquery.easydropdown.js" type="text/javascript"></script>
    <link rel="stylesheet" href="__CSS__/hotel/jquery-ui.css" />
    <script src="__CSS__/hotel/jquery-ui.js"></script>
    <script>
        $(function() {
            $("#datepicker,#datepicker1").datepicker();
        });
    </script>
</head>
<body>

<div class="fh5co-loader"></div>

<div id="page">
    <nav class="fh5co-nav" role="navigation">
        <div class="container">
            <div class="row">
                <div class="left-menu text-right menu-1">
                    <ul>
                        <li class="has-dropdown">
                            <a href="{:url('Services/index')}">旅行吧、骚年！</a>
                            <ul class="dropdown">
                                <li><a href="{:url('Tourism/tourism')}">景点</a></li>
                                <li><a href="{:url('Tourism/tourism_route')}">路线</a></li>
                                <li><a href="{:url('Tourism/tourism_guide')}">导游</a></li>
                                <li><a href="{:url('Tourism/agritainment')}">农家乐</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="{:url('Hotel/index')}">酒店</a>
                        </li>
                        <li><a href="{:url('Specialty/index')}">吃货世界</a></li>
                    </ul>
                </div>
                <div class="logo text-center">
                    <div id="fh5co-logo"><a href="{:url('Index/index')}">坪行網</a></div>
                </div>
                <div class="right-menu text-left menu-1">
                    <ul>
                        <li><a href="http://www.12306.cn/mormhweb/">在线票务</a></li>
                        <li><a href="{:url('About/index')}">关于我们</a></li>
                        <li><a href="{:url('Personal/index')}">个人中心</a></li>
                        <li>
                            {$username}
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
    <header id="fh5co-header" class="fh5co-cover fh5co-cover-sm" role="banner">
        <div class="overlay"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2 text-center">
                    <div class="display-t">
                        <div class="display-tc animate-box" data-animate-effect="fadeIn">
                            <h1>温馨世界（订单）</h1>
                            <h2>一川风月留人醉；百样菜肴任客尝。</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="row" style="clear: both;padding: 10px;">
        <a href="#" class="list-group-item active">
            客房订单
        </a>
        <div class="panel-group" id="accordion">
            {volist name="guest_room" id="re"}
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" onclick="show('{$re.id}')" >
                            {$re.order_sn}(点击订单号查看详情)
                        </a>
                    </h4>
                </div>
                <div  id="{$re.id}" class="panel-collapse collapse">
                    <div class="panel-body">
                        <a href="javascript:void(expression)" class="list-group-item">用户：{$re.room.name}</a>
                        <a href="javascript:void(expression)" class="list-group-item">客房名：{$re.room.username}</a>
                        <a href="javascript:void(expression)" class="list-group-item">客房数：{$re.room.quantity}</a>
                        <a href="javascript:void(expression)" class="list-group-item">入住时间：{$re.room.date_time}</a>
                        <a href="javascript:void(expression)" class="list-group-item">预计退房时间：{$re.room.book}</a>
                        <a href="javascript:void(expression)" class="list-group-item">预计入住总天数：{$re.room.date_time}--{$re.room.book}</a>
                        <a href="javascript:void(expression)" class="list-group-item">价格：{$re.room.amount}</a>
                        <a href="javascript:void(expression)" class="list-group-item">订单号：{$re.room.order_sn}</a>
                    </div>
                </div>
            </div>
            {/volist}
            <script>
                function show(id){
                    if( $("#"+id).css("display")=="none"){
                        $("#"+id).css("display","block")
                    }else{
                        $("#"+id).css("display","none")
                    }
                }
            </script>
        </div>
    </div>
    <div class="row" style="clear: both;padding: 10px;">
        <a href="#" class="list-group-item active">
            会议订单
        </a>
        <div class="panel-group">
            {volist name="meeting" id="m"}
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" onclick="shows('a{$m.id}')" >
                            {$m.order_sn}(点击订单号查看详情)
                        </a>
                    </h4>
                </div>
                <div  id="a{$m.id}" class="panel-collapse collapse">
                    <div class="panel-body">
                        <a href="javascript:void(expression)" class="list-group-item">用户：{$m.meet.username}</a>
                        <a href="javascript:void(expression)" class="list-group-item">会议室名：{$m.meet.name}</a>
                        <a href="javascript:void(expression)" class="list-group-item">会议人数：{$m.meet.quantity}</a>
                        <a href="javascript:void(expression)" class="list-group-item">开始时间：{$m.meet.star}</a>
                        <a href="javascript:void(expression)" class="list-group-item">结束时间：{$m.meet.end}</a>
                        <a href="javascript:void(expression)" class="list-group-item">会议时间段：{$m.meet.star}--{$m.meet.end}</a>
                        <a href="javascript:void(expression)" class="list-group-item">总价格：{$m.meet.amounts}</a>
                        <a href="javascript:void(expression)" class="list-group-item">订单号：{$m.meet.order_sn}</a>
                        <a href="javascript:void(expression)" class="list-group-item">酒店地址：{$m.meet.username}</a>
                    </div>
                </div>
            </div>
            {/volist}
            <script>
                function shows(id){
                    if( $("#"+id).css("display")=="none"){
                        $("#"+id).css("display","block")
                    }else{
                        $("#"+id).css("display","none")
                    }
                }
            </script>
        </div>
    </div>
    <div class="row" style="clear: both;padding: 10px;">
        <a href="#" class="list-group-item active">
            会议订单
        </a>
        <div class="panel-group">
            {volist name="restaurant" id="ms"}
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" onclick="shows('aa{$ms.id}')" >
                            {$ms.order_sn}(点击订单号查看详情)
                        </a>
                    </h4>
                </div>
                <div  id="aa{$ms.id}" class="panel-collapse collapse">
                    <div class="panel-body">
                        <a href="javascript:void(expression)" class="list-group-item">用户：{$ms.rest.username}</a>
                        <a href="javascript:void(expression)" class="list-group-item">餐饮名：{$ms.rest.name}</a>
                        <a href="javascript:void(expression)" class="list-group-item">用餐人数：{$ms.rest.quantity}</a>
                        <a href="javascript:void(expression)" class="list-group-item">总价格：{$ms.rest.amounts}</a>
                        <a href="javascript:void(expression)" class="list-group-item">订单号：{$ms.rest.order_sn}</a>
                        <a href="javascript:void(expression)" class="list-group-item">酒店餐饮地址：{$ms.rest.address}</a>
                    </div>
                </div>
            </div>
            {/volist}
            <script>
                function shows(id){
                    if( $("#"+id).css("display")=="none"){
                        $("#"+id).css("display","block")
                    }else{
                        $("#"+id).css("display","none")
                    }
                }
            </script>
        </div>
    </div>
    <div id="fh5co-started">
        <div class="container">
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                    <h2>关于我们</h2>
                    <p>四川.成都.成都生态旅游网  CopyRight ©2012-2021 版权所有  咨询电话:028-61765827  028-56468785  18580353587   24小时热线:13852320605 生态QQ客服1 :2009456360   生态QQ客服2:460498892   生态QQ客服3 :368533622</p>
                </div>
            </div>
            <div class="col-md-12 text-center">
                <p>
                <ul class="fh5co-social-icons">
                    <li><a href="#"><i class="icon-twitter"></i></a></li>
                    <li><a href="#"><i class="icon-facebook"></i></a></li>
                    <li><a href="#"><i class="icon-linkedin"></i></a></li>
                    <li><a href="#"><i class="icon-dribbble"></i></a></li>
                </ul>
                </p>
            </div>
        </div>
    </div>
    <div class="row copyright">
        <div class="col-md-12 text-center">

            <p>
            <ul class="fh5co-social-icons">

            </ul>
            </p>
        </div>
    </div>
    <div class="gototop js-top">
        <a href="#" class="__JS__/index-gotop"><i class="icon-arrow-up"></i></a>
    </div>
</div>

<div class="gototop js-top">
    <a href="#" class="__JS__/index-gotop"><i class="icon-arrow-up"></i></a>
</div>
<script src="__JS__/index/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<!--<script src="__JS__/index/bootstrap.min.js"></script>-->
<!-- Waypoints -->
<script src="__JS__/index/jquery.waypoints.min.js"></script>
<!-- Main -->
<script src="__JS__/index/main.js"></script>

</body>
</html>



